﻿@model IEnumerable<Commerce_phuc.Models.Entity.Product>

@{
    ViewBag.Title = "Product";
}

<div class="Product_page">
   
    <!--Product-->
    <div class="container">
        <div class="row Home_Product">
            <div class="col-xs-12 col-md-9">
                <div class="row Home_SP_new">

                    @foreach (var p in Model)
                    {
                        var link = "/chi-tiet/" + p.MetaTitle + "-" + p.Id;
                        <div class="col-xs-6 col-md-3 Home_SP_new_one">
                            <div class="thumbnail">                             
                                
                                <a href="@link" class="">
                                    <img src="~/Images/Product/@p.Image" alt="..." style="width:100%;" />
                                </a>
                                <div class="caption">
                                    <a href="#">
                                        <h4>@p.NameVN</h4>
                                        <p><span>@p.Price VNĐ</span></p>
                                        <p>@p.Description VNĐ</p>
                                    </a>
                                    <i>-36%</i>
                                </div>
                            </div>
                        </div>
                    }
                   
                   
                   

                </div>

            </div>

            <div class="col-xs-12 col-md-3">

                <div class="list-group Home_SP_menu">
                    <a href="#" class="list-group-item active">
                        Categories
                    </a>

                    <a class="list-group-item" href="#menucap_2_01" data-toggle="collapse"> All Bouquets <i class="fa fa-plus-square-o pull-right"></i></a>
                    <div class="collapse" id="menucap_2_01">
                        <a href="#" class="list-group-item">Subitem 1</a>
                        <a href="#" class="list-group-item">Subitem 2</a>
                        <a href="#" class="list-group-item">Subitem 3</a>
                    </div>
                    <a class="list-group-item" href="#menucap_2_02" data-toggle="collapse">Opening Stands <i class="fa fa-plus-square-o pull-right"></i></a>
                    <div class="collapse" id="menucap_2_02">
                        <a href="#" class="list-group-item">Subitem 1</a>
                        <a href="#" class="list-group-item">Subitem 2</a>
                        <a href="#" class="list-group-item">Subitem 3</a>
                    </div>
                    <a class="list-group-item" href="#menucap_2_03" data-toggle="collapse">New Born <i class="fa fa-plus-square-o pull-right"></i></a>
                    <div class="collapse" id="menucap_2_03">
                        <a href="#" class="list-group-item">Subitem 1</a>
                        <a href="#" class="list-group-item">Subitem 2</a>
                        <a href="#" class="list-group-item">Subitem 3</a>
                    </div>
                    <a class="list-group-item" href="#menucap_2_04" data-toggle="collapse">Well Wishes <i class="fa fa-plus-square-o pull-right"></i></a>
                    <div class="collapse" id="menucap_2_04">
                        <a href="#" class="list-group-item">Subitem 1</a>
                        <a href="#" class="list-group-item">Subitem 2</a>
                        <a href="#" class="list-group-item">Subitem 3</a>
                    </div>
                    <a class="list-group-item" href="#menucap_2_05" data-toggle="collapse">Condolence Stands <i class="fa fa-plus-square-o pull-right"></i></a>
                    <div class="collapse" id="menucap_2_05">
                        <a href="#" class="list-group-item">Subitem 1</a>
                        <a href="#" class="list-group-item">Subitem 2</a>
                        <a href="#" class="list-group-item">Subitem 3</a>
                    </div>
                    <a class="list-group-item" href="#menucap_2_06" data-toggle="collapse">Shop by Colour <i class="fa fa-plus-square-o pull-right"></i></a>
                    <div class="collapse" id="menucap_2_06">
                        <a href="#" class="list-group-item">Subitem 1</a>
                        <a href="#" class="list-group-item">Subitem 2</a>
                        <a href="#" class="list-group-item">Subitem 3</a>
                    </div>


                </div>





            </div>
        </div>

        <!-- End-Product-->


    </div>
</div>


